<!--加载头部文件-->
{include file="static/view/web/Common/header.html"}
<!--加载导航栏-->
{include file="static/view/web/Common/navbar.html"}
<body>
    <div class="container-fluid" id="practice-page">
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-4">
                    <a href="{$host_name}web/index/ueditor" class="thumbnail">
                        <img src="{$host_name}static/img/web/Index/practice/word.jpg" alt="百度编辑器编辑内容-word下载" style="width: 430px;height: 307px;">
                    </a>
                    <div class="text-center">
                        <span class="text-info">百度编辑器-word下载</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <a href="{$host_name}web/index/elasticsearch" class="thumbnail">
                        <img src="{$host_name}static/img/web/Index/practice/elasticsearch.png" alt="elasticsearch简易热词" style="width: 430px;height: 307px;">
                    </a>
                    <div class="text-center">
                        <span class="text-info">elasticsearch简易热词</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <a href="{$host_name}web/index/excel" class="thumbnail">
                        <img src="{$host_name}static/img/web/Index/practice/excel.jpg" alt="excel拖拽下载" style="width: 430px;height: 307px;">
                    </a>
                    <div class="text-center">
                        <span class="text-info">excel拖拽-编辑-下载</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row next-row">
            <div class="col-md-12">
                <div class="col-md-4">
                    <a href="{$host_name}web/index/swooleChat" class="thumbnail">
                        <img src="{$host_name}static/img/web/Index/practice/swoole.jpg" alt="swoole聊天室" style="width: 430px;height: 307px;">
                    </a>
                    <div class="text-center">
                        <span class="text-info">swoole聊天室</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <a href="{$host_name}web/index/danmu" class="thumbnail">
                        <img src="{$host_name}static/img/web/Index/practice/danmu.jpg" alt="视频弹幕" style="width: 430px;height: 307px;">
                    </a>
                    <div class="text-center">
                        <span class="text-info">视频弹幕</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<!--记载尾部-->
{include file="static/view/web/Common/footer.html"}